@CHARSET "ISO-8859-1";

body
{
	width: 100%;
	background-color: 3366cc;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: blue;
}

div.contentWrapper
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	
}

div.header
{
	display: inline-block;
	height: 150px;
	width: 800px;
	background-color: rgb(0, 0, 255);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px;
}

div.body
{
	margin: 0;
	display: block;
	height : 1000px;
	width: 800px;
}

div.footer
{
	background-color: blue;
	height: 50px;
}
div.logo
{
	display: inline;
	text-align: middle;
	font-family: "comic sans ms";
	font-style: italic;
	font-size: 40px;
	color: white;
	vertical-align: middle;
	cursor: pointer;
}

div.login
{
	display: inline;
	background-color: FFFFFF;
	padding: 10px;
	border-radius: 5px;
	float: right;	
}

td.validate
{
	color: red;
}

div.headerContentWrapper
{
	background-color: 3366cc;
	width: 100%;
}

div.footerContentWrapper
{
	background-color: 3366cc;
	width: 100%;
	height: 25;
}

div.menubarContentWrapper
{
	margin:0;
	width: 100%;
	background-color: 3366cc;
}


div.menubar
{
	width: 1500px;
	background-color: white;
	
	border-left-width: 5px;
	border-left-color: white;
	border-left-style: solid;
	border-top-width: 5px;
	border-top-color: white;
	border-top-style: solid;
	border-right-color: white;
	border-right-width: 5px;
	border-right-style: solid;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}


div.menuItem
{
	width: 181px;
	display: inline-block;
	padding: 5px;
	background-color: rgb(245, 245, 245);
	text-align: center;
	margin: 0;
	border-color: rgba(51, 102, 204, .5);
	border-width: 3px;
	border-style: solid;
	border-radius: 5px;
}

div.menuItem:hover
{
	background-color: rgba(51, 102, 204, .3);
	border-color: rgba(51, 102, 204, 1);
	cursor: pointer;
}

div.menuItemSelected
{
	background-color: rgba(255, 140, 0, 1);
}

body.registerPage
{
	background-color: white;
}

body.productPage
{
	background-color: white;
	left-padding:50;
	right-padding:50;
}

div.thumbnails
{
	display: inline-table;
	margin-left: 70;
}

img.thumbnail
{
	height: 200px;
	width:200px;
	display: table-cell;
}

div.productDetails
{
	display: inline-block;
	height: 100px;
	width:200px; 
	float: right;
	margin-left:   600;
	margin-right: 900;
}

div.adminContainer
{
	padding: 20px;
}

table.allUsers
{
	border-style: solid;
	border-color: rgba(51, 102, 204, 1);
	border-width: 3px;
	border-radius: 5px;
	margin-top: 20px;
	padding: 5px;
}

th.allUsers
{
	padding: 5px;
}

div.allUsers
{
	display: inline-block;
	align: left;
	border-style: solid;
	border-color: rgba(51, 102, 204, 1);
	border-width: 3px;
	border-radius: 5px;
	padding: 5px;
	margin: 5;
}

td.allUsers
{
	align: left;
	border-style: solid;
	border-color: rgba(51, 102, 204, 1);
	border-width: 1px;
	padding: 5px;
}






iframe.bodyContent
{
	width: 800;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: white;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: white;
}

iframe.headerContent
{
	width : 800;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: 3366cc;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: 3366cc;
}
